<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>html 练习3</title>
</head>
<body>
    <h2>图片链接</h2>
    <p> 一个动图：<br>
    <img src="images\15-23-06-837_512.gif" alt="图片加载失败" width="240" height="240">
    <br>
    一张图片：<br>
    <img src="images\OIP-C.jpg" alt="图片加载失败" width="240" height="240">
    <br>
    <img src="http://www.runoob.com/images/logo.png" alt="runoob.com" width="336" height="69">
    </p>
    <h2>表格练习</h2>
    <h4>无边框表格1</h4>
    <table>
        <thead>
            <tr>
                <th>姓名</th>
                <th>年龄</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>amy</td>
                <td>15</td>
            </tr>
            <tr>
                <td>lily</td>
                <td>20</td>
            </tr>
        </tbody>
    </table>
    <h4>含边框表格</h4>
    <table border="1">
        <tr>
            <th>科目</th>
            <th>成绩</th>
        </tr>
        <tr>
            <td>语文</td>
            <td>90</td>
        </tr>
        <tr>
            <td>数学</td>
            <td>85</td>
        </tr>
    </table>
    <h4>垂直标题()附带表格标题</h4>
    <table border="1">
        <caption>基本信息</caption>
    <tr>
        <th>姓名：</th>
        <td>李小明</td>
    </tr>
    <tr>
        <th>年龄：</th>
        <td>17</td>
    </tr>
    <tr>
        <th>职业：</th>
        <td>学生</td>
    </tr>
    </table>
    <h4>单元格横跨两行</h4>
    <table border="1">
        <caption>列合并表格</caption>
        <tr>
            <th>name</th>
            <th colspan="2">telephone</th>
        </tr>
        <tr>
            <td>mary</td>
            <td>7755884</td>
            <td>7755885</td>
        </tr>
    </table>
    <table border="1">
        <caption>行合并表格</caption>
        <tr>
            <th>name</th>
            <td>Mary Smith</td>
        </tr>
        <tr>
            <th rowspan="2">telephone</th>
            <td>7755884</td>
        </tr>
        <tr>
            <td>7755885</td>
        </tr>
    </table>
    <h4>表格内含多种元素</h4>
    <table border="1">
        <caption>分区表格</caption>
        <tr>
            <td>
                <p>人生代代无穷已</p>
                <p>江月年年望相似</p>
            </td>
            <td>表格嵌套表格(设置单元格间&边距)
                <table border="1" cellpadding="20" cellspacing="10">
                    <tr><td>A</td><td>Bb</td></tr>
                    <tr><td>Ccc</td><td>Dddd</td></tr>
                </table>
            </td>
        </tr>
        <tr>
            <td>
                表格嵌套列表
                <ul>
                    <li>apple</li>
                    <li>banana</li>
                    <li>watermelon</li>
                </ul>
            </td>
            <td>Hello</td>
        </tr>
    </table>
</body>
</html>